<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8"/>
    <title>黑点档案设置-黑点信息弹窗</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../safety_js/setting/funBlackspotSetEdit'
        };
    </script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>
</head>

<body>

<form id="formData" class="mt20">
    <input name="corpId" type="hidden">
    <input name="rcrdId" type="hidden">

    <h2 class="title-style1">
        <span>基础信息</span>
    </h2>
    <ul class="form-grid form-grid2 clearfix  mt25">
        <li>
            <label class="label-text label-require">
                <span class="red-star">*</span>黑点名称：
            </label>
            <input name="blackName" class="input-text" type="text" placeholder="请输入黑点名称" maxlength="32"
                   data-validator="{required:true}">
        </li>
        <li>
            <label class="label-text label-require">
                <span class="red-star">*</span>黑点性质：
            </label>
            <input name="blackNature" class="input-text" type="text" placeholder="请输入黑点性质" maxlength="32"
                   data-validator="{required:true}">

            <%--<select dict="BLAK0000" style="width: 187px;" name="blackNature" data-validator="{required:true}">
                <option value="">请选择</option>
            </select>--%>
        </li>
        <li>
            <input id="dangerDegree" name="dangerDegree" type="hidden">
            <label class="label-text">危险度：</label>
				<span class="dangerous-setting">
                  	<span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </span>
        </li>
        <li>
            <label class="label-text">最高限速：</label>
				<span style="position: relative">
					<input class="input-text" type="text" maxlength="50" placeholder="请输入最高限速"
                           name="highestSpdOfMotVhi">
					<span class="span-inner-unit ">Km/h</span>
				</span>
        </li>
        <li>
            <label class="label-text">排序：</label>
            <input name="sn" class="input-text" type="text" value="">
        </li>
        <li class="li-textarea">
            <label class="label-text vt">现场简况：</label>
            <textarea name="sceneDsc" class="vt"></textarea>
        </li>
        <li class="li-textarea">
            <label class="label-text vt">危险源：</label>
            <textarea name="dangerSource" class="vt"></textarea>
        </li>
        <li class="li-textarea mb0">
            <label class="label-text vt">安全指引：</label>
            <textarea name="sctGuide" class="vt"></textarea>
        </li>
    </ul>
    <h2 class="title-style1 mt25">
        <span>位置信息</span>
    </h2>
    <ul class="form-grid form-grid2 clearfix mt25">
        <li class="w-all">
            <label class="label-text">区域路段：</label>
            <input name="areaRoad" class="input-text w515" type="text" placeholder="">
        </li>
        <li class="w-all">
            <label class="label-text">地图区域：</label>
            <input id="mapArea" type="button" style="height: 28px;width: 538px" value="请选择地图区域">
            <input id="fencId" name="fencId" type="hidden">
        </li>
        <%--<li style="position: relative">
            <label class="label-text">经纬度：</label>
            <input name="loLgt" type="hidden" id="loLgt">
            <input name="loLtt" type="hidden" id="loLtt">
            <input name="loLgtloLtt" class="input-text" type="text" id="loLgtloLtt">
            <span class="icon-location" style="right: 64px;"></span>
        </li>
        <li>
            <label class="label-text">半径：</label>
            <input name="radius" class="input-text" type="text" placeholder="">
        </li>--%>

    </ul>
    <h2 class="title-style1 mt25">
        <span>其他信息</span>
    </h2>
    <ul class="form-grid form-grid2 clearfix mt25">
        <li class="li-textarea mb0">
            <label class="label-text vt">备注：</label>
            <textarea name="remark" class="vt"></textarea>
        </li>
    </ul>
    <h2 class="title-style1 mt25">
        <span>黑点图片</span>
    </h2>

    <div class="upload-wrap clearfix">
        <div class="img-upload">
            <a class="close-btn2"></a>
            <img id="blackPic1Url"/>
            <input id="blackPic1File" name="myfiles" type="file" style="display: none;" onchange="upload(this);"/><%-- 模拟上传 --%>
            <input id="blackPic1" name="blackPic1" type="hidden"/><%-- 获取值 --%>
        </div>

        <div class="img-upload">
            <a class="close-btn2"></a>
            <img id="blackPic2Url"/>
            <input id="blackPic2File" name="myfiles" type="file" style="display: none;" onchange="upload(this);"/>
            <input id="blackPic2" name="blackPic2" type="hidden"/>
        </div>

        <div class="img-upload">
            <a class="close-btn2"></a>
            <img id="blackPic3Url"/>
            <input id="blackPic3File" name="myfiles" type="file" style="display: none;" onchange="upload(this);"/>
            <input id="blackPic3" name="blackPic3" type="hidden"/>
        </div>

        <div class="img-upload">
            <a class="close-btn2"></a>
            <img id="blackPic4Url"/>
            <input id="blackPic4File" name="myfiles" type="file" style="display: none;" onchange="upload(this);"/>
            <input id="blackPic4" name="blackPic4" type="hidden"/>
        </div>
    </div>
</form>

</body>
</html>
